﻿<!DOCTYPE html>
<html >
<head>

	<link rel="stylesheet" href="dojo/dijit/themes/claro/claro.css">
	<style type="text/css">
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow:hidden;
}

#borderContainerTwo {
    width: 100%;
    height: 100%;
}
	</style>
	<script>dojoConfig = { parseOnLoad: true }</script>
	<script src='dojo/dojo/dojo.js'></script>
	
	<script>
	    //require(["dojo/parser", "dijit/layout/ContentPane", "dijit/layout/BorderContainer", "dijit/layout/TabContainer", "dijit/layout/AccordionContainer", "dijit/layout/AccordionPane"]);
	</script>
</head>
<body class="claro">
    <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="gutters:true, liveSplitters:false" id="borderContainerTwo">
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top', splitter:false">
      头部
    </div>
    <div data-dojo-type="dijit/layout/AccordionContainer" data-dojo-props="minSize:20, region:'right', splitter:true" style="width: 300px;" id="leftAccordion">
        <div data-dojo-type="dijit/layout/AccordionPane" title="项目一">
        </div>
        <div data-dojo-type="dijit/layout/AccordionPane" title="项目二">
        </div>
        <div data-dojo-type="dijit/layout/AccordionPane" title="项目三" selected="true">
        </div>
        <div data-dojo-type="dijit/layout/AccordionPane" title="项目四">
        </div>
    </div><!-- end AccordionContainer -->
    <div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region:'center', tabStrip:true">
        <div data-dojo-type="dijit/layout/ContentPane" title="My first tab" selected="true">
       查询
        </div>
        <div data-dojo-type="dijit/layout/ContentPane" title="My second tab">
      图表
        </div>
        <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="closable:true" title="My last tab">
      数据
        </div>
    </div>
   <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom'" style="background-color:red">底部</div>
</div><!-- end BorderContainer -->
</body>
</html>